<template>
  <div>
    <!-- 这里就是我们将作用域插槽做成一个组件的子组件 -->
    <!-- 那么现在就写作用域插槽 -->
    <!-- 携带数据的，就是子组件中的<slot> -->
    <!-- 子组件携带数据，父组件接收数据 -->
    <!-- 如果我们只是单独使用作用域插槽，那么就可以将他看成一个专门传值插槽 -->
    <!-- 插槽的作用就是占位 -->
    <slot :user="user" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      user: {
        name: '姚胖胖',
        age: 20
      }
    }
  }
}
</script>

<style></style>
